<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--src设置资源路径
  相对路径-->
<!--alt当图片不能显示时显示的文本-->
<img src="aa.jpg" alt="这是个美女" >
<!--title当鼠标悬停在图片上时显示的文本-->
<!--width/height设置图片的宽高, 两种方式:像素和百分比 只设置宽度高度会自动等比例缩放-->
<img src="../b.jpg" title="图片标题" width="100" height="100">
<img src="abc/c.jpg" width="50%">
<!--绝对路径,图片盗链 存在找不到图片的风险-->
<img src="https://cdn.tmooc.cn/bsfile//courseImg///5f791c0985cc4a67a5c4dca6627155b0.jpg">

</body>
</html>